<template>
  <px-carousel width="100%" height="37.5vh" :interval="10000" arrow="never" indicator-position="outside">
    <slot />
  </px-carousel>
</template>
<style lang="scss" scoped>
:deep(.px-carousel__indicators--outside) {
  height: 12rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
:deep(.px-carousel__indicator.px-carousel__indicator--horizontal) {
  padding: 2rpx;
  .px-carousel__button {
    width: 12rpx;
    height: 2rpx;
    background: #fff;
    border-radius: 2rpx;
  }
}
</style>
